<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜谱</title>
    <link rel="stylesheet" type="text/css" href="../static/css/dish.css">
    <link rel="stylesheet" type="text/css" href="../static/css/base.css">
</head>
<body>
<nav class="menu">
    <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open"/>
    <label class="menu-open-button" for="menu-open">
        <span class="hamburger hamburger-1"></span>
        <span class="hamburger hamburger-2"></span>
        <span class="hamburger hamburger-3"></span>
    </label>

    <a href="/index" class="menu-item"> 主页 </a>
    <a href="/todo" class="menu-item"> 心愿清单 </a>
    <a href="/upload" class="menu-item"> 美食菜谱 </a>
    <a href="/hot" class="menu-item"> 热榜集合 </a>
    <a href="/log" class="menu-item"> 日志系统 </a>

</nav>
<div class="container">
    <div class="poster">
        <div class="poster__img"></div>
        <div class="poster__info">
            <h1 class="poster__title">{{ title }}的菜谱</h1>
            <h5 class="poster__title02">材料</h5>
            <p class="poster__text">{{ cailiao_str }}</p>
            <h5 class="poster__title02">做法</h5>
            <p class="poster__text">{{ zuofa_str }}</p>
        </div>
    </div>
    <a href="#">返回</a>
</div>
</body>
</html>